<template>
	<div style="margin-top: 50px; font-size: 24px; text-align: center">
		<img src="@/assets/success.svg" alt="" width="60px" height="auto" />
		<p style="color: #07bc07; margin: 15px auto">出单成功</p>
		<p
			style="font-size: 16px; text-align: left; width: 500px; margin: 15px auto"
		>
			<!-- 承保结果和保单信息可以通过手机号码登录平台查看进度，我们也将最近进度通过短信通知您，请注意查收。 -->
			投保成功--您可以进入后台“业务管理-非车保单”查看相关信息。
		</p>
	</div>
</template>

<script>
export default {
	data() {
		return {}
	},
	computed: {},
	mounted() {},
	methods: {},
	components: {}
}
</script>

<style lang="scss" scoped="scoped">
.wrapper {
	padding: 20px;
}
.box-card {
	margin-bottom: 20px;
}
.box {
	padding: 20px;
}
.shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.field-cont {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	align-items: start;

	.field {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 10px;
		align-items: start;
		&__title {
			white-space: nowrap;
			min-width: 120px;
		}
		&--block {
			grid-column: -1 / 1;
		}
		&--strong {
			.field__title {
				font-weight: 600;
			}
		}
	}
}
</style>
